<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    	
  	  <link rel="stylesheet" type="text/css" href="./estilos.css"/>
  	  
<h:form id="formInicio" >  
<h:panelGroup id="pgInicio">
 	<p:messages id="messagesInicio" autoUpdate="true" closable="true"/> 
 	<h:panelGroup>
 		<h:panelGrid  columns="1" style="margin-top:20px; margin-right:10%;">    
            <h:outputLabel value="Data" styleClass="outputLabel"/>                         
            <p:inputMask value="#{avaliacaoFisicaBean.avaliacaoFisica.dtAvaliacao}" mask="99/99/9999" styleClass="inputData" >
            <p:ajax />
            	<f:convertDateTime dateStyle="medium"/>
            </p:inputMask>  
        </h:panelGrid>  
		</h:panelGroup>
        <h:panelGrid id="pgPesoAltura" columns="2">    
		  	<h:outputLabel value="Peso(Kg)**"  styleClass="outputLabel"/>
        	<h:outputLabel value="Altura**" styleClass="outputLabel"/>
        	<p:inputText value="#{avaliacaoFisicaBean.avaliacaoFisica.peso}" maxlength="6" styleClass="inputData" >
        		<p:ajax listener="#{avaliacaoFisicaBean.calcImc}" update=":formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:pgImc, 
        				pgPesoAltura, :formTemplate:formAvFisica:tabView:tabViewAvFisica:formManterAvaliacaoFisica:fildsetMedidas, :formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:pgPercGordura"/>	
        		<f:convertNumber type="number"/>
        	</p:inputText>
        	<p:inputText value="#{avaliacaoFisicaBean.avaliacaoFisica.altura}" maxlength="4" styleClass="inputData" >
        		<p:ajax listener="#{avaliacaoFisicaBean.calcImc}" update=":formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:pgImc, 
        				pgPesoAltura, :formTemplate:formAvFisica:tabView:tabViewAvFisica:formManterAvaliacaoFisica:fildsetMedidas, :formTemplate:formAvFisica:tabView:tabViewAvFisica:formResultado:pgPercGordura"/>	
        		<f:convertNumber type="number"/>
        	</p:inputText> 
   		</h:panelGrid> 
   		<h:panelGrid columns="1" style="vertical-algin:top">
   			<h:outputLabel value="Objetivo*" styleClass="outputLabel" style="vertical-algin:top"/>
   			<p:inputTextarea value="#{avaliacaoFisicaBean.avaliacaoFisica.objetivo}" rows="5" styleClass="inputAreaAvPostural" style="width:300px" maxlength="255">
   				<p:ajax />
   			</p:inputTextarea>
   		</h:panelGrid>
   		<h:panelGrid columns="1">
   			<h:outputLabel value="*Campos obrigatórios" />
   			<h:outputLabel value="**Campos obrigatórios para habilitar o 'Resultado'" />	
   		</h:panelGrid>
	
</h:panelGroup>
</h:form>  	
</ui:composition>
